.memory-block {
  margin: 10px 0;
  text-align: center;
  font-size: 12px;
  font-family: $global-serif-font-family;
  color: $dark-gray;
  font-weight: 400;

  span {
    display: block;
  }

  i {
    color: $theme-color;
  }

}

.anniversary {

  transition: all 1s;

  section {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    width: 230px;
    height: 230px;
    padding: 35px;
    margin: 15px auto;
    border-radius: 50%;
    box-sizing: border-box;
    font-size: $global-font-size;
    color: rgb(214, 213, 213);
    background: linear-gradient(90deg, #03a9f4, #f441a5, #ffeb3b, #03a9f4);
    background-size: 400%;
    text-transform: uppercase;
    text-decoration: none;

    &::before {
      content: '';
      position: absolute;
      left: -5px;
      right: -5px;
      top: -5px;
      bottom: -5px;
      background: linear-gradient(90deg, #03a9f4, #f441a5, #ffeb3b, #03a9f4);
      background-size: 400%;
      border-radius: 50%;
      filter: blur(10px);
      z-index: -1;
    }

    &:hover {
      cursor: pointer;
      transition: all .5s linear;
      transform: rotate(360deg);
    }

    h2 {
      margin: 0;
      padding: 0;
      font-size: $logo-font-size;

      span {
        display: inline-block;
        font-size: 13px;
      }
    }

    i {
      color: #fff;
    }

    span {
      color: #dfebf0;
      text-shadow: 1px 1px 5px #ccc;
    }

    >span:last-of-type {
      margin-top: 15px;
      font-weight: 500;
      letter-spacing: 2px;

      &::before {
        content: '「';
        display: inline-block;
      }

      &::after {
        content: '」';
        display: inline-block;
      }

      i {
        font-size: 22px;
      }
    }
  }


}